// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;



@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  navbar:     #5695DC
  // rgb(102, 204, 153)
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";
$segment-button-md-border-bottom-width: 2px;
$segment-button-md-border-color-activated:#5695DC;
$segment-button-md-font-size: 14px;
$segment-button-md-opacity: 1;
// 下拉框placeholder字体颜色
$select-md-placeholder-color: #000;
$select-wp-placeholder-color:#000;
$select-ios-placeholder-color: #000;
// 选择tabs时的激活颜色（android,ios）
// $tabs-md-tab-text-color: grey;  
// $tabs-md-tab-text-color-active : #5695DC;  
// $tabs-md-tab-icon-color : grey;  
// $tabs-md-tab-icon-color-active : #5695DC;
// $tabs-md-tab-font-size:	10px;	
// $tabs-md-tab-font-size-active: 10px;
// $tabs-md-tab-min-height: 49px;
// $tabs-md-tab-icon-transform-y-active: 0;
$tabs-ios-tab-text-color: grey;  
$tabs-ios-tab-text-color-active : #5695DC;  
$tabs-ios-tab-icon-color : grey;  
$tabs-ios-tab-icon-color-active : #5695DC;
$tabs-ios-tab-font-size:8px;

// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";
@import "./icons.scss";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
@font-face{
  font-family:"汉仪旗黑X1-55W";
  src:url("../assets/fonts/HYQiHeiX1-55W.ttf");
  }
